<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<fmt:setBundle basename="Messages" />
<title><fmt:message key="Display.SearchFacilities" /></title>
<link rel="stylesheet" href="jquery.treeview.css" />
<link rel="stylesheet" href="screen.css" />

<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jquery.cookie.js" type="text/javascript"></script>
<script src="jquery.treeview.js" type="text/javascript"></script>

<script type="text/javascript" src="demo.js"></script>
<script>
	<script src="http://code.jquery.com/jquery-latest.js">
</script>
<script type="text/javascript"
	src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<style type="text/css">
* {
	font-family: Verdana;
	font-size: 96%;
}

label {
	width: 10em;
	float: left;
}

label.error {
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

p {
	clear: both;
}

.submit {
	margin-left: 12em;
}

em {
	font-weight: bold;
	padding-right: 1em;
	vertical-align: top;
}
</style>
<script>
	$(document).ready(function() {
		$("#commentForm").validate();
	});
</script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript"
	src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>


<link rel="stylesheet"
	href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<link rel="stylesheet" href="/resources/demos/style.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script>
	$(function() {
		$("#datepicker").datepicker();
		$("#datepickers").datepicker();
	});
</script>
</head>
<body>
	<img src="img/logo_ISS.jpg" class="logo" />
	<div class="header">
		<div style="float: left; margin: 11px auto 0 auto">
			<h1>
				<fmt:message key="Display.InstituteofSystemScience" />
			</h1>
		</div>
		<div style="float: right; margin: 11px auto 0 auto">
			<h1>
				<fmt:message key="Display.FacilitiesBookingSystem" />
			</h1>
		</div>
	</div>
	<div class="site_content">
		<div class="sidebar_container">
			<div class="sidebar">
<c:choose>
					<c:when test="${sessionScope.Role=='Manager'}">
							<%@include file="managerSideMenu.jsp" %>
					</c:when>
					<c:when test="${sessionScope.Role=='Staff'}">
						
						<%@include file="staffSideMenu.jsp" %>
					</c:when>
				</c:choose>
			</div>
		</div>

		<div class="content">
			<table
				style="margin: 10px 0 0px 0; background: #FFF; width: 450px; height: 200px; border: 2px; border-style: solid; border-color: #696A6A">
				<tr>
					<th><fmt:message key="Display.FacilityName" /></th>
					<th><fmt:message key="Display.FacilityType" /></th>
					<th><fmt:message key="Display.SeatingCapacity" /></th>
					<th><fmt:message key="Display.Description" /></th>
					<th>  </th>
				</tr>
				<tr>
					<td class="nowrap">${facility.getFacilityName()}</td>
					<td class="nowrap">${facility.getFacType().getFacilityType()}</td>
					<td class="nowrap">${facility.getSeatingCapacity()}</td>
					<td class="nowrap">${facility.getDescription()}</td>
					<c:url var="make" scope="page" value="MakeBooking.jsp">
						<c:param name="name" value="${facility.getFacilityName()}" />
						<c:param name="facType"
							value="${facility.getFacType().getFacilityType()}" />
						<c:param name="totalRooms"
							value="${facility.getFacType().getTotalRooms()}" />
						<c:param name="seatCapacity"
							value="${facility.getSeatingCapacity()}" />
						<c:param name="description" value="${facilitys.getDescription() }" />
					</c:url>
					<td><a href="${make}"><fmt:message key="Display.Book" /></a></td>
				</tr>
			</table>
		</div>

	</div>
	<div class="footer" style="align: center">Copyright@ Team3
		Erudites</div>
</body>


</html>